#overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.8)}
#newYear img{width:400px;display:block;margin:0 auto;animation:wriggle 1.5s}
#dun img{width:250px;display:block;margin:0 auto;animation:comeIn 1.5s}
#building img{width:1000px;display:block;margin:0 auto}
#bottom img{height:350px;width:100%;z-index:100}
#newYear{position:absolute;width:100%;bottom:450px}
#dun{width:100%;position:absolute;bottom:180px;z-index:110}
#building{width:100%;position:absolute;bottom:200px}
#bottom{position:absolute;bottom:0;width:100%;height:300px;background:url(//i1.piimg.com/504241/cb87f634b0bad13c.png) repeat-x}
#bottomWrap{width:100%;height:10px;background:#ff5239;position:absolute;bottom:0}
@-webkit-keyframes comeIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
}
@keyframes comeIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
}
.comeIn{-webkit-animation-name:comeIn;animation-name:comeIn}
@keyframes shaking{0%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
    50%{transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0)}
    75%{transform:translate3d(0,-5px,0);-webkit-transform:translate3d(0,-5px,0)}
    100%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
}
@-webkit-keyframes shaking{0%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
    50%{transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0)}
    75%{transform:translate3d(0,-5px,0);-webkit-transform:translate3d(0,-5px,0)}
    100%{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
}
.shaking{animation:shaking 2s ease-out infinite;-webkit-animation:shaking 2s ease-out infinite}
@-webkit-keyframes wriggle{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
    40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
    100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes wriggle{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
    40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
    100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
#zi{width:100%;position:absolute;bottom:60px;z-index:110;text-align:center;}
#zi a{text-decoration: none;}